<script setup lang="ts"></script>

<template>
  <view class="rounded-lg bg-white">
    <view class="px-[15px] py-[10px]">
      <wd-text text="点餐功能设置" size="14px" color="#333" />
    </view>
    <wd-cell-group border>
      <wd-cell title="功能设置" title-width="35%">
        <view class="inline-flex flex-col">
          <wd-text text="点餐+支付" size="14px" color="#333" />
          <wd-text text="[牌号送餐] 仅支持点餐+支付" size="12px" />
        </view>
      </wd-cell>
      <wd-cell title="支付模式" title-width="33%">
        <view class="inline-flex flex-col">
          <wd-text text="先支付后下单" size="14px" color="#333" />
          <wd-text text="[牌号送餐] 仅支持先支付后下单" size="12px" />
        </view>
      </wd-cell>
      <wd-cell title="接单方式" is-link center title-width="30%">
        <view class="inline-flex flex-col">
          <wd-text text="手动接单" size="14px" color="#333" />
          <wd-text text="需要在银POS上手动进行接单" size="12px" />
        </view>
      </wd-cell>
      <wd-cell title="结账方式" title-width="33%">
        <view class="inline-flex flex-col">
          <wd-text text="自动结账" size="14px" color="#333" />
          <wd-text text="[牌号送餐] 仅支持自动结账" size="12px" />
        </view>
      </wd-cell>
      <wd-cell title="选择人数" class="no-leading" title-width="70%">
        <wd-switch size="20px" />
        <template #label>
          <wd-text text="开启后，在牌号送餐点餐中，顾客可以选择用餐人数" size="12px" />
        </template>
      </wd-cell>
    </wd-cell-group>
  </view>
</template>

<style scoped lang="scss">
:deep(.no-leading.wd-cell) {
  line-height: 18px;
}
</style>
